<!DOCTYPE html>
<html lang="en">
<head>
    <%= require('../../view/common/head.htm') %>
</head>
<body>
    <%= require('../../view/common/header.htm') %>

    <div id="Content">
        <div id="BackLink">
            <a href="../catalog/catalog-main.html">Return to Main Menu</a>
        </div>

        <div id="Catalog">
            <table>
                <tr>
                    <th align="center" colspan="2" id="orderHeader"></th>
                </tr>
                <tr>
                    <th colspan="2">Payment Details</th>
                </tr>
                <tr>
                    <td>Card Type:</td>
                    <td id="cardType"></td>
                </tr>
                <tr>
                    <td>Card Number:</td>
                    <td id="cardNumber"></td>
                </tr>

                <tr>
                    <th colspan="2">Billing Address</th>
                </tr>
                <tr>
                    <td>First name:</td>
                    <td id="billToFirstName"></td>
                </tr>
                <tr>
                    <td>Last name:</td>
                    <td id="billToLastName"></td>
                </tr>
                <tr>
                    <td>Address 1:</td>
                    <td id="billAddress1"></td>
                </tr>
                <tr>
                    <td>Address 2:</td>
                    <td id="billAddress2"></td>
                </tr>
                <tr>
                    <td>City:</td>
                    <td id="billCity"></td>
                </tr>
                <tr>
                    <td>State:</td>
                    <td id="billState"></td>
                </tr>
                <tr>
                    <td>Zip:</td>
                    <td id="billZip"></td>
                </tr>
                <tr>
                    <td>Country:</td>
                    <td id="billCountry"></td>
                </tr>
                <tr>
                    <th colspan="2">Shipping Address</th>
                </tr>
                <tr>
                    <td>First name:</td>
                    <td id="shipToFirstName"></td>
                </tr>
                <tr>
                    <td>Last name:</td>
                    <td id="shipToLastName"></td>
                </tr>
                <tr>
                    <td>Address 1:</td>
                    <td id="shipAddress1"></td>
                </tr>
                <tr>
                    <td>Address 2:</td>
                    <td id="shipAddress2"></td>
                </tr>
                <tr>
                    <td>City:</td>
                    <td id="shipCity"></td>
                </tr>
                <tr>
                    <td>State:</td>
                    <td id="shipState"></td>
                </tr>

                <tr>
                    <td>Zip:</td>
                    <td id="shipZip"></td>
                </tr>

                <tr>
                    <td>Country:</td>
                    <td id="shipCountry"></td>
                </tr>

                <tr>
                    <td>Courier:</td>
                    <td id="courier"></td>
                </tr>
                <tr>
                    <td>Status:</td>
                    <td id="status"></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <table id="itemTable">
                            
                        </table>
                    </td>
                </tr>

            </table>

            <div id="payHref">
                <input type="button" value="pay" id="pay">
            </div>

        </div>
    </div>

    <%= require('../../view/common/footer.htm') %>
</body>
</html>